import React, { FC } from "react";
import { useNavigate } from "react-router-dom";
import { Typography, Button } from "antd";
import styles from "./Home.module.scss";
import { MANAGE_PATH_LIST } from "../../router/index";

const { Title, Paragraph } = Typography;
const Home: FC = () => {
  const nav = useNavigate();
  function handleClick() {
    nav(MANAGE_PATH_LIST);
  }

  return (
    <div className={styles.container}>
      {/* <button onClick={handleClick}>登录</button> */}
      <Title>欢迎来到问卷管理系统</Title>
      <Paragraph>这是一个基于react+antd的问卷管理系统</Paragraph>
      <Paragraph>目前已累计统计：100份问卷</Paragraph>
      <div>
        <Button type="primary" onClick={handleClick}>
          开始使用
        </Button>
      </div>
    </div>
  );
};
export default Home;
